<template>
    <div>
        <div style="background-color: #F3F3F3;padding: 10px 0px;">
            <span style="margin-right: 1284px;border-left: #1ABC9C 8px solid; padding: 5px;">退货列表</span>
            <el-button @click="$router.go(0);">刷新</el-button>
            <el-button @click="$router.go(-1);">返回</el-button>
        </div>
        <div style="padding: 10px 0px;">
            <p style="width:1382px;margin:0 1284px 0 0;background-color:#F3F3F3; padding: 20px; border: solid 1px #dbdbdb">退货列表</p>
            <table border="1px" cellspacing="0" cellpadding="0" style="border-color: #E4E4E4">
                <tr height="50px" style="background-color: #F9FAFC;">
                    <th width="200px">商品图片</th>
                    <th width="200px">商品名称</th>
                    <th width="200px">价格</th>
                    <th width="200px">编号</th>
                    <th width="200px">数量</th>
                    <th width="200px">类型</th>
                    <th width="200px">小计</th>
                </tr>
                <tr height="50px" align="center">
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                </tr>
            </table>
            <p style="width:1382px;margin:0 1284px 0 0;background-color: #F9FAFC; padding: 20px; border: solid 1px #dbdbdb;text-align: right">合计：<span style="color: red;font-weight: 700">￥{{100.00}}</span></p>
            <p style="width:1382px;margin:30px 1284px 0 0;background-color:#F3F3F3; padding: 20px; border: solid 1px #dbdbdb">服务单信息</p>
            <div style="width:1420px;border: solid 1px #dbdbdb;border-bottom: none">
               <table border="1px" cellspacing="0" cellpadding="0" style="margin: 10px 0 0 50px;border-color: #E4E4E4">
                   <tr height="50px">
                       <td width="200px" align="right" style="background-color: #F9FAFC">服务单号 &nbsp&nbsp</td>
                       <td width="1100px">11</td>
                   </tr>
                   <tr height="50px">
                       <td width="200px" align="right" style="background-color: #F9FAFC">申请状态 &nbsp&nbsp</td>
                       <td></td>
                   </tr>
                   <tr height="50px">
                       <td width="200px" align="right" style="background-color: #F9FAFC">订单编号 &nbsp&nbsp</td>
                       <td></td>
                   </tr>
                   <tr height="50px">
                       <td width="200px" align="right" style="background-color: #F9FAFC">申请时间 &nbsp&nbsp</td>
                       <td></td>
                   </tr>
                   <tr height="50px">
                       <td width="200px" align="right" style="background-color: #F9FAFC">用户账号 &nbsp&nbsp</td>
                       <td></td>
                   </tr>
                   <tr height="50px">
                       <td width="200px" align="right" style="background-color: #F9FAFC">联系人 &nbsp&nbsp</td>
                       <td></td>
                   </tr>
                   <tr height="50px">
                       <td width="200px" align="right" style="background-color: #F9FAFC">联系电话 &nbsp&nbsp</td>
                       <td></td>
                   </tr>
                   <tr height="50px">
                       <td width="200px" align="right" style="background-color: #F9FAFC">退货原因 &nbsp&nbsp</td>
                       <td></td>
                   </tr>
                   <tr height="50px">
                       <td width="200px" align="right" style="background-color: #F9FAFC">问题描述 &nbsp&nbsp</td>
                       <td></td>
                   </tr>
                   <tr height="150px">
                       <td width="200px" align="right" style="background-color: #F9FAFC">凭证照片 &nbsp&nbsp</td>
                       <td></td>
                   </tr>
               </table>
                <div style="margin: 30px 0 0 600px">
                    <el-button type="success" @click="qrth">确认退货</el-button>
                    <el-button type="danger" @click="jjth">拒绝退货</el-button>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "ReturnXQ",
        methods:{
            qrth(){
                this.$http.get("//",{
                    params:{
                        returnApplyState:3
                    }
                }).then(e => {
                })
            },
            jjth(){
                this.$http.get("//",{
                    params:{
                        returnApplyState:4
                    }
                }).then(e => {
                })
            }
        }
    }
</script>

<style scoped>

</style>